@charset "utf-8";
/*CSS Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none; font-weight: normal;}
table,tbody,thead,tfoot,tr,th,td{ margin:0;padding:0; }
ol,ul,li{list-style:none;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,button,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
s,i,u,em{font-style:normal}
ins{text-decoration:none;}
del{text-decoration:line-through;}
input{font-size:12px; outline:none;}
b,strong{ font-weight:normal;}
body{font-family:arial,'Microsoft YaHei';font-size:15px;line-height:1.6;color:#333; background: #fff;}
select,input,button,textarea{font-family:Microsoft YaHei;color:#333;}
a:link,a:visited,a:active{text-decoration:none;}
a{font-family: Microsoft YaHei;cursor:pointer;font-weight: normal;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.m_shadom{box-shadow: 0 10px 10px #eee; -webkit-box-shadow: 0 10px 10px #eee; -moz-box-shadow: 0 10px 10px #eee; }

/*首页顶部*/
.t_box_index{ width: 100%;}
.t_box_index .top_nav{ width: 1200px;height: 110px; margin: 0 auto; overflow: hidden;zoom:1; }
.t_box_index .top_nav .logo{ display: block; width:155px; height: 76px; float: left; margin-top:17px; opacity:0.8;}
.t_box_index .top_nav ul{ float: right; overflow: hidden;zoom:1; text-align: right;height:110px; }
.t_box_index .top_nav ul li{ display: inline-block; font-size:18px; padding: 0 30px;height: 100%; position: relative;z-index: 0;}
.t_box_index .top_nav ul li a{ display: inline-block; height: 100%; line-height: 110px; color: #666;}
.t_box_index .top_nav ul li em{ display: block; width: 30px; height: 4px; background: #ec682f; position: absolute; left: 50%; margin-left: -15px; bottom: 0; opacity:0;}
.t_box_index .top_nav ul li.active a,.t_box_index .top_nav ul li:hover a{ color: #ec682f; }
.t_box_index .top_nav ul li.active em,.t_box_index .top_nav ul li:hover em{transition: opacity .5s;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;-o-transition: opacity .5s;opacity:1;}

.t_box_index .bot_banner{ width: 100%; height: 596px; background:url(../images/b_index_banner.jpg) no-repeat center top; position: relative;z-index: 0;}
.t_box_index .bot_banner .mid_icon1{ display: block; width: 528px; height: 458px; position: absolute; top: 34px;left:50%; margin-left: -264px;z-index: 1;background: url(../images/b_index_icon1.png) no-repeat; }
.t_box_index .bot_banner .mid_icon2{ display: block; width: 591px; height: 440px; position: absolute; bottom: 0; left:50%; margin-left: -295px;z-index: 2;background: url(../images/b_index_icon2.png) no-repeat;  }

/*分页顶部*/
.top{ width: 100%;}
.top .t_box_mid{ width: 1200px; height: 120px; overflow: hidden;zoom:1;margin: 0 auto; }
.top .t_box_mid .logo{ display: block; width:157px; height: 78px; background: url(../images/b_banner_title.png) no-repeat; float: left; margin: 21px 0 0;opacity:0.3;}
.top .t_box_mid ul{ float: right; overflow: hidden;zoom:1; text-align: right;padding-top: 35px; height: 50px; }
.top .t_box_mid ul li{ display: inline-block; font-size:18px; padding: 0 36px;height: 100%; position: relative;z-index: 0;}
.top .t_box_mid ul li a{ display: inline-block; height: 100%; line-height: 50px; color: #fff;}
.top .t_box_mid ul li em{ display: block; width: 30px; height: 5px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; opacity:0;}
.top .t_box_mid ul li.active em,.top .t_box_mid ul li:hover em{transition: opacity .5s;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;-o-transition: opacity .5s;opacity:1;}
.top .t{ width: 1200px; margin: 200px auto 0; }
.top h1{ text-indent: -9999px; display: block;  background: url(../images/b_banner_title.png) no-repeat;  }

.top.about{ background:url(../images/b_about_banner.jpg) no-repeat center top;height: 610px;}
.top.about h1{ width: 427px; height: 166px;background-position: 0 -99px;}
.top.link{ background:url(../images/b_link_banner.jpg) no-repeat center top; height: 600px;}
.top.link h1{ width: 529px; height: 166px;background-position: 0 -554px; margin-left: 88px;}
.top.join{ background:url(../images/b_join_banner.jpg) no-repeat center top; height: 610px;}
.top.join h1{ width: 410px; height: 187px;background-position: 0 -302px; margin-left:161px;}

/*底部*/
.footer{width: 100%;padding: 30px 0;background: #444a56;} 
.footer .footer_box{ width: 1200px; margin: 0 auto; overflow: hidden;zoom:1;font-size: 14px;text-align: center;}
.footer .footer_box .links{ height: 36px; line-height: 36px; overflow: hidden; }
.footer .footer_box .links a{ color:#9fa1a3; }
.footer .footer_box .links i{ margin: 0 16px;color: #797c82; }
.footer .footer_box .links a:hover{ color: #ec682f; }
.footer .footer_box p{height: 36px;line-height: 36px;overflow: hidden;color: #7d7f81; }
.footer .footer_box p span{ margin: 0 8px; }

/*旋转*/
@keyframes aniSc {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}
@-webkit-keyframes aniSc {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}
.wrap_box{ width: 100%; }
/*标题*/
.m_title{ text-align: center; padding: 88px 0; }
.m_title h1,.m_title h2{ height: 60px;line-height: 60px; font-size: 36px; color: #333; }
.m_title span{ display: block; font-size: 20px; height: 50px; line-height: 50px; text-align: center; color: #999; }
.m_title em{ display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; color: #ec682f; }
/*企业文化*/ 
.culture{ width: 100%; height: 706px; background: url(../images/b_index_banner2.jpg) no-repeat center top; }
.culture ul{ width: 1200px;margin: 0 auto; }
.culture ul li{ width:240px; height: 370px; float: left; position: relative;z-index: 0;}
.culture ul li img{ width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0);-webkit-transition: all .5s;transition: all .5s;}
.culture ul li .con{ width: 200px; height: 100%; position: absolute; left:20px;top: 0; }
.culture ul li .con .icon{ display: block; margin: 30px auto;-webkit-transition: all .5s;transition: all .5s; width: 100px; height: 113px; background: url(../images/b_icons1.png) no-repeat; }
.culture ul li .con b{ display: block; height: 30px; font-size: 20px; color: #4b5154; line-height: 30px; text-align: center; }
.culture ul li .con em{ display: block; width: 180px; height: 3px; margin: 15px auto; background: url(../images/b_icons1.png) no-repeat; background-position: 0 -249px; display: none; }
.culture ul li .con p{ font-size: 16px; color: #fff; line-height: 28px; display: none; text-align: center;}
.culture ul li.li_1 .con .icon{ background-position: 0 0; }
.culture ul li.li_2 .con .icon{ background-position:-129px 0; }
.culture ul li.li_3 .con .icon{ background-position: -259px 0; }
.culture ul li.li_4 .con .icon{ background-position: -382px 0; }
.culture ul li.li_5 .con .icon{ background-position: -500px 0; }

.culture ul li:hover img{ opacity: 1; filter: alpha(opacity=100); }
.culture ul li:hover .con .icon{ margin-bottom:57px;}
.culture ul li:hover .con b{ color: #fff; }
.culture ul li:hover .con em{ display: block; }
.culture ul li:hover .con p{ display: block; }

.culture ul .li_1:hover .con .icon{ background-position: 0 0; }
.culture ul .li_2:hover .con .icon{ background-position:-129px -113px; }
.culture ul .li_3:hover .con .icon{ background-position: -259px -113px; }
.culture ul .li_4:hover .con .icon{ background-position: -382px -113px; }
.culture ul .li_5:hover .con .icon{ background-position: -500px -113px; }

/*携手合作*/
.hezuo{ width: 100%;margin-bottom: 100px; }
.hezuo .logos{ width: 1200px; margin: 0 auto; overflow: hidden; }
.hezuo .logos ul{overflow: hidden;zoom:1;width: 1372px; }
.hezuo .logos ul li{ width: 343px; height: 80px; float: left; margin-bottom:30px; }
.hezuo .logos ul li a{ display: block; width: 170px;height: 80px;background: url(../images/b_logos.jpg) no-repeat; opacity: .6;}
.hezuo .logos ul li a:hover{ opacity: 1; }
.hezuo .logos ul li.game_37 a{ background-position: 0 0; }
.hezuo .logos ul li.cgamex a{ background-position: -230px 0; }
.hezuo .logos ul li.iqiyi a{ background-position: -460px 0; }
.hezuo .logos ul li.caohua a{ background-position: -690px 0; }
.hezuo .logos ul li.guopan a{ background-position: -920px 0; }
.hezuo .logos ul li.paojiao a{ background-position: -1150px 0; }
.hezuo .logos ul li.sogou a{ background-position: -1380px 0; }
.hezuo .logos ul li.qq a{ background-position: -1610px 0; }
.hezuo .logos ul li.game_163 a{ background-position: 0 -167px; }
.hezuo .logos ul li.chineseall a{ background-position: -230px -167px; }
.hezuo .logos ul li.game_51 a{ background-position: -460px -167px; }
.hezuo .logos ul li.tanwan a{ background-position: -690px -167px; }
.hezuo .logos ul li.youzu a{ background-position: -920px -167px; }
.hezuo .logos ul li.xy a{ background-position: -1150px -167px; }
.hezuo .logos ul li.yy a{ background-position: -1380px -167px; }
.hezuo .logos ul li.swjoy a{ background-position: -1610px -167px; }

/*关于我们*/
.about_us{ width: 100%; height: 757px; background: url(../images/b_index_banner3.jpg) no-repeat center top;}
.about_us .m_title h2{ color: #fff; }
.about_us .m_title span{ color: #fff; }
.about_us .about_box{ width: 1200px; overflow: hidden;zoom:1; margin: 0 auto;}
.about_us .about_box li{ width: 50%; float: left; overflow: hidden;zoom:1;}

.about_us .about_box li .icon{ display: block; width: 181px; height: 140px; background: url(../images/b_icons1.png) no-repeat; background-position: -267px -256px; position: relative;z-index: 0; }
.about_us .about_box li .icon .a{ display: block; width: 124px; height: 124px;background: url(../images/b_icons1.png) no-repeat; background-position: -1287px -269px; display: none; position: absolute; left: 10px; top: 6px;}
.about_us .about_box li .icon .b{ display: block; width: 113px; height: 113px;background: url(../images/b_icons1.png) no-repeat;position: absolute; left: 16px; top: 12px;-webkit-transition: all .5s;transition: all .5s; }
.about_us .about_box li .word{ width: 280px; }
.about_us .about_box li .word b{ display: block; width: 100%; height: 40px; font-size: 30px; color: #fff;margin-bottom: 15px; overflow: hidden; }
.about_us .about_box li .word p{ font-size: 14px; color: #f1f1f1; line-height: 30px; }
.about_us .about_box li.li_1,.about_us .about_box li.li_2{ margin-bottom: 95px; }
.about_us .about_box li.li_1 .word,.about_us .about_box li.li_2 .word{ margin-top: 25px; }
.about_us .about_box li.li_3 .word,.about_us .about_box li.li_4 .word{ margin-top: -5px; }
.about_us .about_box li.li_1 .icon,.about_us .about_box li.li_3 .icon{ margin-right: 16px; }
.about_us .about_box li.li_2 .icon,.about_us .about_box li.li_4 .icon{ margin-left: 16px; }
.about_us .about_box li.li_2 .word,.about_us .about_box li.li_4 .word{ text-align: right; }

.about_us .about_box li.li_1 .icon .b{ background-position: 0 -400px; }
.about_us .about_box li.li_2 .icon .b{ background-position: -129px -400px; }
.about_us .about_box li.li_3 .icon .b{ background-position: -260px -400px; }
.about_us .about_box li.li_4 .icon .b{ background-position: -383px -400px; }
.about_us .about_box li.li_1:hover .icon .b{ background-position: 0 -522px; }
.about_us .about_box li.li_2:hover .icon .b{ background-position: -129px -522px; }
.about_us .about_box li.li_3:hover .icon .b{ background-position: -260px -522px; }
.about_us .about_box li.li_4:hover .icon .b{ background-position: -383px -522px; }
.about_us .about_box li:hover .icon .a{ display: block; }

/*联系我们*/
.link_us{ width: 100%;  margin-bottom: 120px; }
.link_us .mid{ width: 1200px; margin: 0 auto; }
.link_us .mid ul{ width: 100%; overflow: hidden;zoom:1; }
.link_us .mid ul li{ float: left;cursor: pointer; }
.link_us .mid ul li em{ display: block; width: 140px; height: 140px; background: url(../images/b_icons1.png) no-repeat; margin: 0 auto 5px; transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;}
.link_us .mid ul li span{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center;font-size: 18px; overflow: hidden;color: #333;color: #888; }
.link_us .mid ul li.li_1{ width: 140px; margin-right: 106px;}
.link_us .mid ul li.li_2{ width: 354px;}
.link_us .mid ul li.li_3{ width: 354px; }
.link_us .mid ul li.li_4{ width: 140px; margin-left: 106px; }
.link_us .mid ul li.li_1 em{ background-position: 0 -645px; }
.link_us .mid ul li.li_2 em{ background-position: -147px -645px; }
.link_us .mid ul li.li_3 em{ background-position: -294px -645px; }
.link_us .mid ul li.li_4 em{ background-position: -441px -645px; }
.link_us .mid ul li:hover em{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotate(360deg); -ms-transform:rotateY(360deg); }



@media only screen and (max-width:767px){

    body, html{width: 100%;}
    .top_nav{width: 100%;}
    .t_box_index .top_nav{width: 100%;padding: 0px;height: 45px;}
    .t_box_index .top_nav .logo{display: none;}
    .t_box_index .top_nav ul{float: none;height: 45px;text-align: center;}
    .t_box_index .top_nav ul li{line-height: 45px;}
    .t_box_index .top_nav ul li a{line-height: 45px;}
    .footer .footer_box{width: 100%;}
    .culture ul{width: 100%;}
    .t_box_index .bot_banner .mid_icon1{width: 300px;height: 320px;left: 50%;margin-left: -150px;background-size: 100%;}
    .t_box_index .bot_banner .mid_icon2{width: 320px;height: 240px;margin-left: -150px;background-size: 100%;bottom: 44px;}
    .t_box_index .bot_banner{width:100%;height: 380px;}
    .about_us .about_box{width: 100%;}
    .m_title h1, .m_title h2{font-size: 18px;}
    .m_title{padding: 10px 0;}
    .culture ul li{width: 20%;height: 100px;}
    .culture ul li .con{width: 100%;left: 0;}
    .culture ul li .con .icon{margin: 0px auto;width: 60px;height: 60px;background-size: 360px auto;}
    .culture ul li.li_2 .con .icon{background-position: -76px 0;}
    .culture ul li.li_3 .con .icon{background-position: -154px 0;}
    .culture ul li.li_4 .con .icon{background-position: -224px 0;}
    .culture ul li.li_5 .con .icon{background-position: -295px 0;}
    .culture ul li .con b{font-size: 14px;}
    .culture{width: 100%;height: 205px;background-size: 100% 100%;}
    .about_us .about_box li{width: 50%;}
    .about_us .about_box li.li_1, .about_us .about_box li.li_2{margin-bottom: 20px;}
    .about_us .about_box li .word{float: none;width: 90%;margin: 10px 5%;}
    .about_us .about_box li .word b{font-size: 16px;height: 30px;line-height: 30px;}
    .culture ul li:hover img{ opacity: 1; filter: alpha(opacity=100); }
    .culture ul li:hover .con .icon{ margin-bottom:0px;}
    .culture ul li:hover .con b{ color: #fff; }
    .culture ul li:hover .con em{ display: none; }
    .culture ul li:hover .con p{ display: none; }
    
    .culture ul .li_1:hover .con .icon{ background-position: 0px -66px;}
    .culture ul .li_2:hover .con .icon{ background-position: -76px -66px;}
    .culture ul .li_3:hover .con .icon{background-position: -153px -66px;}
    .culture ul .li_4:hover .con .icon{background-position: -224px -66px;}
    .culture ul .li_5:hover .con .icon{ background-position: -295px -66px;}

}